<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>选择供应商</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../dep/mui/css/mui.css" />
		<link rel="stylesheet" href="../../css/style.css" />
		<link rel="stylesheet" href="../../css/page/chioceProduct/chioce.css" />

	</head>

	<body>
		<header id="header" class="mui-bar mui-bar-nav header-lay">
			<h1 class="mui-title">选择供应商</h1>
			<button class="mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left" style="">
		    	<span class="mui-icon mui-icon-left-nav"></span>返回</button>
			<a id="addNewSupplier" href="newSupplier.html" class="mui-btn mui-btn-blue mui-btn-link mui-pull-right">新增</a>
		</header>
		<div class="mui-content ">

			<ul class="mui-row pop-tab">
				<li class="mui-col-xs-5 mui-col-sm-5 pop-tab-title1 pop-tab-titleitem">
					筛选<span class="mui-icon mui-icon-arrowdown"></span></li>
				<li class="mui-col-xs-5 mui-col-sm-5 pop-tab-title2 pop-tab-titleitem">
					排序<span class="mui-icon mui-icon-arrowdown"></span></li>
				<li id="chioce-search" class="mui-col-xs-2 mui-col-sm-2"><span></span></li>
			</ul>

			<div id="pullrefresh" class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul id="mui-list" class="mui-table-view supplierChioce">

					</ul>
				</div>
			</div>

			<div class="mui-backdrop mui-active pop-back"></div>
			<!--<div class="pop-tab-contdata pop-tab-conitem pop-tab-con1 pop-tab-titleitem pop-tab-Supplier1">
				    <ul id="chioceSupplierCon" class="mui-table-view mui-table-view-radio">
						<li data-id="0" class="mui-table-view-cell mui-selected">
							<a href="javascript:;" class="mui-navigate-right">
								全部
							</a>
						</li>
					</ul>
					<div class="mui-reset-sure mui-row">
						<span class="mui-reset-chioce mui-col-xs-6">重置</span>
						<span class="mui-col-xs-6">确定</span>
					</div>
			    </div>-->
			<div class="pop-tab-contdata pop-tab-conitem pop-tab-con1 pop-tab-titleitem pop-tab-list">
				<div class="mui-content mui-row " id="search-product">
					<div class="mui-col-xs-3">
						<div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
							<a href="#item1" class="mui-control-item mui-active">客户类型</a>
							<a href="#item2" class="mui-control-item">客户状态</a>
						</div>
					</div>
					<div id="segmentedControlContents" class="mui-col-xs-9">
						<div id="item1" class="mui-control-content mui-active mui-scroll-wrapper">
							<ul id="chioceSupplierCon" class="mui-table-view mui-table-view-radio mui-scroll">
								<li class="mui-table-view-cell mui-selected">
									<a href="javascript:;" class="mui-control-item mui-navigate-right">
										全部
									</a>
								</li>
							</ul>
						</div>
						<div id="item2" class="mui-control-content mui-scroll-wrapper">
							<ul id="statusId" class="mui-table-view mui-table-view-radio mui-scroll">
								<li class="mui-table-view-cell mui-selected">
									<a href="javascript:;" class="mui-control-item mui-navigate-right">
										全部
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a href="javascript:;" class="mui-control-item mui-navigate-right" id="startStatusId">
										启用
									</a>
								</li>

								<li class="mui-table-view-cell">
									<a href="javascript:;" class="mui-control-item mui-navigate-right" id="banStatusId">
										禁用
									</a>
								</li>

							</ul>
						</div>

					</div>

				</div>
				<div class="mui-reset-sure mui-row">
					<span id="mui-reset-product" class="mui-reset-chioce mui-col-xs-6">重置</span>
					<span id="mui-sure" class="mui-col-xs-6">确定</span>
				</div>
			</div>
			<div class="pop-tab-contstate pop-tab-conitem pop-tab-con2 pop-tab-titleitem pop-tab-Supplier2">
				<ul class="mui-table-view mui-table-view-radio">
					<li data-orderBy="desc" class="mui-table-view-cell mui-selected">
						<a href="javascript:;" class="mui-navigate-right">
							更正时间正序
						</a>
					</li>
					<li data-orderBy="asc" class="mui-table-view-cell">
						<a href="javascript:;" class="mui-navigate-right">
							更正时间倒序
						</a>
					</li>

				</ul>
			</div>
		</div>

		<script type="text/html" id="outSupplierList">
			{{each items}}
			<li class="mui-table-view-cell mui-action-back" data-id="{{$value.id}}">
				<div class="mui-row">
					<div class="mui-table-cell mui-col-xs-8">
						<p class="mui-product companyName">{{$value.companyName }}</p>
						<p class="mui-num">{{$value.companySerial }}</p>
						<p><span class="mui-money">{{$value.amount }}</span>元</p>
					</div>
					<div class="mui-supper mui-text-right mui-col-xs-4">
						{{$value.infoCompanyCatalog.companyCatalogName}}
					</div>
				</div>
			</li>
			{{/each}}
		</script>

		<script type="text/html" id="chioceSupplier">
			{{each list}}
			<li data-id="{{$value.id}}" class="mui-table-view-cell">
				<a href="javascript:;" class="mui-navigate-right">
					{{$value.companyCatalogName}}
				</a>
			</li>
			{{/each}}
		</script>
	</body>

</html>
<script src="../../dep/seajs/3.0.0/sea.js"></script>
<script src="../../js/seajs_config.js"></script>
<script>
	seajs.use("../../js/chioceSupplier/chioceSupplierList")
</script>